<%@page import="org.codehaus.jackson.map.ObjectMapper"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@include file="include.jsp" %>
<title>json</title>
</head>
<body>
<div id="text-content" style="margin-left: 50px;">
<table>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
</table>
</div>
<div style="margin-left: 200px;">
<input type="text" value="indexName" id="indexName"><br />
<input type="text" value="goWhere" id="goWhere"><br />

<input type="button" id="click" value="返回值为json">&nbsp;&nbsp;&nbsp;&nbsp;

<input type="button" id="click-string" value="返回值为String ">

<input type="button" id="custom-ajax" value="自己封装的ajax组件">
</div>
<script type="text/javascript">
	KISSY.use("core,extends/ajax/ajax",function(S,core,Ajax){
		var $ = S.all;
		$("#click").on("click",function(){
			var indexName = $("#indexName").val();
			var goWhere = $("#goWhere").val();
			
			var object =  {} ;
				object.indexName = indexName ; 
				object.goWhere = goWhere ;
			
		    var str = S.JSON.stringify(object);
		    
		    alert("通过S.JSON.stringify(object)处理后的结果为:"+str)
		    
		    var url =  "http://project.desksoft.com/kissy/html/7.jsp?type=json" ;
		    
			S.io({
				// 请求类型，可以取值为 GET,POST 等,默认为 GET
				type : 'POST',
				// 请求地址
				url : url ,

				// 发起请求需要附加的数据,默认为 null（指的的请求时发送的参数）
				data :  { str : str } ,

				// 请求数据类型,将决定返回值 data 的类型,若不指定，返回值data的类型由响应头决定，可取值为 json |
				// jsonp | script | xml | html | text
// 				dataType : 'json',

				// 请求成功的回调,回调参数为 data(内容),textStatus(请求状态),xhr(ajax对象)
				success : function(data) {
					alert("返回值类型:" + (typeof data ))
					alert("indexName:"+data.indexName + ",goWhere:"+ data.goWhere)
				},
				error:function(){
					alert("");
				}
			});
		});
		
		/*-------------------------------------------------------------------------------*/
		
		$("#click-string").on("click",function(){
			var indexName = $("#indexName").val();
			var goWhere = $("#indexName").val();
			
			var object =  {} ;
				object.indexName = indexName ; 
				object.goWhere = goWhere ;
			
		    var str = S.JSON.stringify(object);
		    
		    alert("通过S.JSON.stringify(object)处理后的结果为:"+str)
		    
		    var url =  "http://project.desksoft.com/kissy/html/7.jsp?type=string" ;
			S.io({
				// 请求类型，可以取值为 GET,POST 等,默认为 GET
				type : 'POST',
				// 请求地址
				url : url ,

				// 发起请求需要附加的数据,默认为 null（指的的请求时发送的参数）
				data :  { str : str } ,

				// 请求数据类型,将决定返回值 data 的类型,若不指定，返回值data的类型由响应头决定，可取值为 json |
				// jsonp | script | xml | html | text
// 				dataType : 'json',

				// 请求成功的回调,回调参数为 data(内容),textStatus(请求状态),xhr(ajax对象)
				success : function(data) {
					//返回值
					alert("返回值类型:" + (typeof data ));
					//解析
					var resultObject = S.JSON.parse(data);
					alert("通过 S.JSON.parse(data)处理后的结果:(indexName:" + resultObject.indexName + ",goWhere:"+ resultObject.goWhere+")")
				}
			});
		});
		
		/*--------------------------------------------------------------------*/
		$("#custom-ajax").on("click",function(){
			var indexName = $("#indexName").val();
			var goWhere = $("#indexName").val();
			
			var object =  {} ;
				object.indexName = indexName ; 
				object.goWhere = goWhere ;
			
		    var str = S.JSON.stringify(object);
		    
		    alert("通过S.JSON.stringify(object)处理后的结果为:"+str)
		    
		    var url =  "http://project.desksoft.com/kissy/html/7.jsp?type=string" ;
			
		    var param = {str: str};
		    
		    var success  = function(data){
		    	//返回值
				alert("返回值类型:" + (typeof data ));
				//解析
				var resultObject = S.JSON.parse(data);
				alert("通过 S.JSON.parse(data)处理后的结果:(indexName:" + resultObject.indexName + ",goWhere:"+ resultObject.goWhere+")")
		    }
		    
		    new Ajax(url,param,success).showMark("text-content","正在加载ing......");
		});
	})

</script>
</body>
</html>